<?php
session_start();
$_SESSION['page'] = 'mdp';
include('include/header.php');

$url = $_GET['url'];
$new_url=str_replace(md5("cle"), '', $url);
$id_utilisateur = str_replace(md5("cle2"), '', $new_url);


?>
<script>
$(function() {
            $(".new_mdp").click(function()
            {
               
            
            $(".erreur_form").fadeIn(400).html('');
            $('.erreur_form').hide();  
            
            var id_utilisateur = '<?php echo $id_utilisateur; ?>';
            var mdp = $("#mdp_perdu2").val();
            var mdp_conf = $("#mdp_perdu_conf2").val();
           
            var urlenvoye = 'id=' + id_utilisateur + '&mdp=' + mdp + '&mdp_conf=' +mdp_conf;
           
            if(mdp==='' || mdp_conf==='')
            {
                
                if(mdp ===''){
                    $(".erreur_mdp_conf").hide();
                    $(".erreur_mdp").show();
                    $(".erreur_mdp").fadeIn(400).html("<img class='vertical_image' src='assets/image/attention.png' width='30px' />&nbsp;&nbsp;Vous avez oublié de remplir ce champs.");
                }
                if(mdp_conf ===''){
                    $(".erreur_mdp").hide();
                    $(".erreur_mdp_conf").show();
                    $(".erreur_mdp_conf").fadeIn(400).html("<img class='vertical_image' src='assets/image/attention.png' width='30px' />&nbsp;&nbsp;Vous avez oublié de remplir ce champs.");
                }
                if(mdp==='' && mdp_conf==='')
                {
                    $(".erreur_mdp").show();
                    $(".erreur_mdp").fadeIn(400).html("<img class='vertical_image' src='assets/image/attention.png' width='30px' />&nbsp;&nbsp;Vous avez oublié de remplir ce champs.");
                    $(".erreur_mdp_conf").show();
                    $(".erreur_mdp_conf").fadeIn(400).html("<img class='vertical_image' src='assets/image/attention.png' width='30px' />&nbsp;&nbsp;Vous avez oublié de remplir ce champs.");
                }
            }
             else if(mdp !== mdp_conf){
                $(".erreur_mdp_conf").hide();
                $(".erreur_mdp").hide();
                $(".erreur_mdp_conf").show();

                $(".erreur_mdp_conf").fadeIn(400).html("<img class='vertical_image' src='assets/image/attention.png' width='30px' />&nbsp;&nbsp;Les mots de passes doivent être identidiques."); 
            }
            else
            {
            $(".erreur_mdp_conf").hide();
            $(".erreur_mdp").hide(); 
            $("#chargement_form").fadeIn(400).html("<img class='vertical_image' src='assets/image/loading2.gif' width='30px' />&nbsp;&nbsp;<span class='chargement_auth' style='color:green'>Chargement ...</span>");
            $.ajax({
            type: "POST",
            url: "new_mdp.php",
            data: urlenvoye,
            cache: false,
            success: function(html){
                $(".chargement_form").hide();
                $(".erreur_form").fadeIn(400).html("");
                $(".erreur_form").append(html);
            }
        
    });
    }return false;
    }); });
</script>
<body>   
    <div id="content">
        <div class="titre4">
            Changer mon mot de passe<br>
        </div>
        <form class="form_mdp_perdu" method=post action="#">
            
            <span style="color:red">*</span><b>Nouveau mot de passe : </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class='input_commentaire2' type="password" name='mdp_perdu' id="mdp_perdu2"  onClick="this.style.border='solid #F68B2E 1px'" onBlur="this.style.border='solid #C7C7C7 1px'">&nbsp;&nbsp;<span style="color:red;font-size:12px;" class="erreur_mdp"></span><br><br>  
                <span style="color:red">*</span><b>Confirmation mot de passe : </b>&nbsp;&nbsp;<input class='input_commentaire2' type="password" name='mdp_perdu_conf' id="mdp_perdu_conf2"  onClick="this.style.border='solid #F68B2E 1px'" onBlur="this.style.border='solid #C7C7C7 1px'">&nbsp;&nbsp;<span style="color:red;font-size:12px;" class="erreur_mdp_conf"></span><br><br> <br> 
                <input type="submit" class='new_mdp' value="Changer mon mot de passe"><br>
                <span class='chargement_form'></span>
                <div class='erreur_form'></div>        
        </form>
       
       
    </div>

<?php include ('include/footer.php');

